Skip to content

Conversation

@bsastregx
Copy link
Collaborator

@bsastregx bsastregx commented Nov 17, 2025

Changes in this PR:

Mercury

  • [tab] Removes the border and the default elevation-1 background, and applies a default surface background to the tab-list. This changes reduce visual clutter and achieves a cleaner, simpler UI.

Note

The default surface background to the tab-list prevents the tab parent container background color from showing below the tab-list, when sortable property is true, and the user drags/reorder tab buttons.

Bafore:
Captura de pantalla 2025-11-17 a las 3 23 11 p  m

After:
Captura de pantalla 2025-11-17 a las 3 24 03 p  m

(Should only apply for "tab-list-outlined")
This cases have not been discused yet. Keeping them commented in case design decides to keep them.
These variants are hidden because they have not been discussed yet.
This helper border was included to show the component boundary, when it has not a visible border. This feature for the showcase was not approved.
Elevation classes should be applied on the tab itself
@bsastregx bsastregx added mercury Changes related to Mercury design system target: patch This PR is targeted for the next patch release labels Nov 17, 2025
@bsastregx bsastregx changed the title [mercury] Remove border, default background, and add default background to tab-list [mercury] Remove elevation-1 default border and background Nov 27, 2025
…ples

- Remove 18 --tab-caption tokens
- Apply CSS properties directly in mixins
- Consolidate duplicate hover/active states
- Remove ~41 lines of duplicate code
@bsastregx bsastregx merged commit 1c92d18 into main Nov 27, 2025
9 checks passed
@bsastregx bsastregx deleted the mercury/add-tab-surface-style branch November 27, 2025 19:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

mercury Changes related to Mercury design system target: patch This PR is targeted for the next patch release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants